<script>
import API from '../api/expand-option-props.vue'
import Explain from './explain.md'
import Base from './base.md'
import ExpandTrigger from './expand-trigger.md'
import ExpandColumn from './expand-column.md'
import Expandable from './expandable.md'
import DefaultExpand from './default-expand.md'
import ExpandControl from './expand-control.md'
import ExpandEvent from './expand-event.md'
import ExpandChart from './expand-chart.md'
import ExpandTable from './expand-table.md'

export default {
  name: 'CustomCell',
  components: {
    Explain,
    Base,
    ExpandTrigger,
    ExpandColumn,
    Expandable,
    DefaultExpand,
    ExpandControl,
    ExpandEvent,
    ExpandChart,
    ExpandTable,
    API,
  },
}
</script>

<template>
  <div>
    <h2>Row Expand</h2>
    <Explain />
    <Base />
    <ExpandTrigger />
    <ExpandColumn />
    <Expandable />
    <DefaultExpand />
    <ExpandEvent />
    <ExpandControl />
    <ExpandChart />
    <ExpandTable />
    <API title="API" anchor="API" desc="expandOption option" />
  </div>
</template>
